<html lang="cn" xmlns:th="http://www.thymeleaf.org"
      th:replace="layouts/master(title='选课中心')">

<th:block th:fragment="css"></th:block>
<div th:fragment="content">
    <div class="row">
        <div class="col-lg-6">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="请输入你的学号..." id="studentNoInput">
                <span class="input-group-btn">
                    <button class="btn btn-default" type="button" onclick="searchCourse()">搜索</button>
                </span>
            </div><!-- /input-group -->
        </div><!-- /.col-lg-6 -->

        <div class="modal fade" tabindex="-1" role="dialog" id="myModal">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title">选课信息</h4>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal" id="formCourse">
                            <div class="form-group">
                                <label for="name" class="col-sm-2 control-label">name</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="name" name="name" placeholder="name" disabled>
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="no" class="col-sm-2 control-label">number</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="no" name="no" placeholder="number" disabled>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="highn" class="col-sm-2 control-label">高数</label>
                                <div class="col-sm-10">
                                    <select class="form-control" id="highn" name="highn">
                                        <option>未选</option>
                                        <option>已选</option>
                                    </select>
                                    <div id="highnError" class="text-danger"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="lineg" class="col-sm-2 control-label">线代</label>
                                <div class="col-sm-10">
                                    <select class="form-control" id="lineg" name="lineg">
                                        <option>未选</option>
                                        <option>已选</option>
                                    </select>
                                    <div id="linegError" class="text-danger"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="pcc" class="col-sm-2 control-label">计组</label>
                                <div class="col-sm-10">
                                    <select class="form-control" id="pcc" name="pcc">
                                        <option>未选</option>
                                        <option>已选</option>
                                    </select>
                                    <div id="pccError" class="text-danger"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="academy" class="col-sm-2 control-label">所属学院</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="academy" name="academy" placeholder="academy" required minlength="4" maxlength="20">
                                    <div id="academyError" class="text-danger"></div>
                                </div>
                            </div>

                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button type="submit" class="btn btn-primary" id="save">保存</button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->
    </div><!-- /.row -->

    <table class="table table-condensed" id="courseTable">
    </table>

</div>

<div th:fragment="scripts">
    <script type="text/javascript" src="/pagejs/student/course.js"></script>
</div>
</html>